<template>
	<view>
		<view class="bg">
			<view class="fanhui">
					<image src="../../../../static/teacherimg/fan.png" mode="" class="hui" @click="fanhui"></image>
					<text class="myxueyuanzi">建议反馈</text>
			</view>
		</view>
		
		<textarea class="textarea" placeholder="请留下您宝贵的意见或建议，我们将努力改进..."></textarea>
		        <view class="lxfs">
		            <view></view>
		            <p>联系方式</p>
		        </view>
		        <input type="number" placeholder="请输入手机号码" class="phonrinput">
		        <view  class="tijiao" @click="submit">提交</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.bg{
		width: 100%;
		height: 116rpx;
		position: relative;
		background: url(../../../../static/teacherimg/tabbar.png) no-repeat;
		background-size: cover;
	}
	.fanhui{
		width: 690rpx;
		height: 35rpx;
		position: absolute;
		display: flex;
		bottom: 0rpx;
		left: 30rpx;
	}
	.myxueyuanzi{
		width:auto;
		height: 100%;
		font-size:32rpx;
		color: #333333;
		font-weight: bold;
		margin: auto;
	}
	.hui{
		width: 18rpx;
		height: 32rpx;
	}
	
	.textarea{
		width:690rpx;
		height:400rpx;
	    background-color: #F5F5F5;
		margin:auto;
		margin-top: 50rpx;
	    border-radius: 10rpx;
	    padding:5.2vw 0 0 5.2vw;
		box-sizing: border-box;
	    font-size: 3.7333vw;
	    font-family: PingFang SC;
	    font-weight: 500;
	    color: #333;
	}
	.textarea::placeholder{
	    color: #AAAAAA;
	}
	.lxfs{
	    display: flex;
	    align-items: center;
	    padding-left: 4vw;
	    margin-top: 8vw;
	}
	.lxfs>view{
	    width: 0.6667vw;
	    height: 2.666vw;
	    background-color:#8DCE2A;
	    border-radius: 5px;
	    margin-right: 1.333vw;
	}
	.lxfs>p{
	    
	font-size: 4.2vw;
	font-family: PingFang SC;
	font-weight: bold;
	color: #333333;
	
	}
	.phonrinput{
	    width: 84vw;
	    height: 10.6667vw;
	    margin-left: 7.2vw;
	    margin-top: 4vw;
	    background-color: #F5F5F5;
	    border-radius: 2.666vw;
	    padding-left: 3.7333vw;
	    color: #333;
	}
	.phonrinput::placeholder{
	    
	font-size: 3.7333vw;
	font-family: PingFang SC;
	font-weight: 500;
	color: #AAAAAA;
	}
	.tijiao{
	background: linear-gradient(90deg, #D2F79A 0%, #8DCE2A 100%);
	width: 66.6667vw;
	height: 12vw;
	border-radius: 6vw;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4.2vw;
	font-family: PingFang SC;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 auto;
	margin-top: 14.6667vw;
	}
</style>
